<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我房旅居</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/header.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" type="text/css" href="css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
	</head>

	<body>
		<div class="navbox">
			<div class="nav">
				<div class="nav-left-box fl">
					<a href="index.html" class="logo fl"><img src="images/logo.png" /></a>
					<div class="nav-item">
						<a href="index.html">首页</a>
						<a href="index.html" class="on">海南</a>
						<a href="index.html">云南</a>
						<a href="index.html" class="oversea">海外</a>
						<a href="index.html">云南</a>
						<a href="index.html">云南</a>
						<a href="index.html">云南</a>
						<a href="index.html">云南</a>
						<a href="index.html">云南</a>
						<a href="index.html">云南</a>
						<a href="index.html">云南</a>
						<a href="index.html">云南</a>
						<a href="index.html">云南</a>
						<span onclick="openSea(this)"></span>
					</div>
				</div>
				<form class="search-box fr">
					<input type="text" placeholder="搜索您心仪的旅居目的地" />
					<img src="images/Search.png" />
				</form>
			</div>
		</div>
		<!--楼盘nav开始-->
		<div class="wrap">
			<a href="building_index.html">楼盘首页</a>
			<a href="building_info.html">详细信息</a>
			<a href="building_house.html" class="on">户型图</a>
			<a href="building_pic.html">楼盘相册</a>
			<a href="building_station.html">楼盘动态</a>
			<a href="building_map.html">地图找房</a>
		</div>
		<!--楼盘nav结束-->
		<!--内容开始-->
		<div class="container">
			<div class="crumbs">
				<a href="#">我房旅居</a>
				<span>></span>
				<a href="#">海南房产</a>
				<span>></span>
				<a href="#">海口市房产</a>
				<span>></span>
				<a href="#">海口市楼盘</a>
				<span>></span>
				<a href="#">琥珀悠澜·创客公寓 楼盘详情</a>
			</div>
			<div class="wraptop mt2">
				<div class="wraptitle fl">
					<div class="sts">
						<h1>融创·博鳌金湾</h1>
						<span>在售</span>
						<div class="clearfix"></div>
					</div>
					<ul>
						<li>宜居生态</li>
						<li>花园洋房</li>
						<li>酒店管理</li>
					</ul>
				</div>
				<p class="fl">均价：<span>50000<em>元/㎡</em></span></p>
				<b class="fl">价格变动通知我</b>
				<div class="calltel fr">
					<span>4008-19-0898转82781</span>
					<img class="scan" src="images/images.png" />
					<div class="big-scan">
						<img src="images/images.png" />
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="stsbox">
				<div class="stslist fl">
					<ul>
						<li>
							<div class="titlebox">
								<span>房价</span>
								<a href="#">【鲁能海蓝椰风】你可以漫步沙滩，也可以心享繁华</a>
							</div>
							<p>文昌天成文锦里位于文昌市文建一横路。项目浓情端午推出限量房源一口价在售项目浓情端午推出限量房源一口价在售，户型建面约为53-91平两房至三房，层高4米，两层空间Loft公寓，原价约53-86万/套，现一口价52-78万/套，房源数量有限，仅有5套，敬请关注。...<a href="#">查看详情</a></p>
						</li>
						<li>
							<div class="titlebox">
								<span>房价</span>
								<a href="#">【鲁能海蓝椰风】你可以漫步沙滩，也可以心享繁华</a>
							</div>
							<p>文昌天成文锦里位于文昌市文建一横路。项目浓情端午推出限量房源一口价在售项目浓情端午推出限量房源一口价在售，户型建面约为53-91平两房至三房，层高4米，两层空间Loft公寓，原价约53-86万/套，现一口价52-78万/套，房源数量有限，仅有5套，敬请关注。...<a href="#">查看详情</a></p>
						</li>
						<li>
							<div class="titlebox">
								<span>房价</span>
								<a href="#">【鲁能海蓝椰风】你可以漫步沙滩，也可以心享繁华</a>
							</div>
							<p>文昌天成文锦里位于文昌市文建一横路。项目浓情端午推出限量房源一口价在售，项目浓情端午推出限量房源一口价在售户型建面约为53-91平两房至三房，层高4米，两层空间Loft公寓，原价约53-86万/套，现一口价52-78万/套，房源数量有限，仅有5套，敬请关注。...<a href="#">查看详情</a></p>
						</li>
						<li>
							<div class="titlebox">
								<span>房价</span>
								<a href="#">【鲁能海蓝椰风】你可以漫步沙滩，也可以心享繁华</a>
							</div>
							<p>文昌天成文锦里位于文昌市文建一横路。项目浓情端午推出限量房源一口价在售，项目浓情端午推出限量房源一口价在售户型建面约为53-91平两房至三房，层高4米，两层空间Loft公寓，原价约53-86万/套，现一口价52-78万/套，房源数量有限，仅有5套，敬请关注。...<a href="#">查看详情</a></p>
						</li>
					</ul>
					<a href="#" class="all-source">查看全部房源</a>
				</div>
				<div class="rightbar fr">
					<div class="bartop">
						<h1>琥珀悠澜·创客公寓</h1>
						<div class="b-link">
							<a href="building_index.html">楼盘主页</a>
							<a href="building_house.html">项目户型</a>
							<a href="#">图片看房</a>
							<a href="#">地图找房</a>
						</div>
						<div class="mod18">
							<span id="prev" class="btn prev"></span>
							<span id="next" class="btn next"></span>
							<span id="prevTop" class="btn prev"></span>
							<span id="nextTop" class="btn next"></span>
							<div id="picBox" class="picBox">
								<ul class="cf">
									<li>
										<a href="javascript:;"><img src="images/pic010.jpg" alt=""></a>
									</li>
									<li>
										<a href="javascript:;"><img src="images/pic011.jpg" alt=""></a>
									</li>
									<li>
										<a href="javascript:;"><img src="images/pic012.jpg" alt=""></a>
									</li>
									<li>
										<a href="javascript:;"><img src="images/pic013.jpg" alt=""></a>
									</li>
									<li>
										<a href="javascript:;"><img src="images/pic09.jpg" alt=""></a>
									</li>
									<li>
										<a href="javascript:;"><img src="images/pic06.jpg" alt=""></a>
									</li>
									<li>
										<a href="javascript:;"><img src="images/pic08.jpg" alt=""></a>
									</li>
								</ul>
							</div>
							<div id="listBox" class="listBox">
								<ul class="cf">
									<li class="on">
										<img src="images/pic010.jpg" alt="">
										<span>效果图</span>
									</li>
									<li>
										<img src="images/pic011.jpg" alt="">
										<span>效果图</span>
									</li>
									<li>
										<img src="images/pic012.jpg" alt="">
										<span>效果图</span>
									</li>
									<li>
										<img src="images/pic013.jpg" alt="">
										<span>效果图</span>
									</li>
									<li>
										<img src="images/pic09.jpg" alt="">
										<span>效果图</span>
									</li>
									<li>
										<img src="images/pic06.jpg" alt="">
										<span>效果图</span>
									</li>
									<li>
										<img src="images/pic08.jpg" alt="">
										<span>效果图</span>
									</li>
								</ul>
							</div>
							<div class="clear"></div>
						</div>
						<div class="b-con">
							<ul>
								<li>
									<b>区域：</b>
									<span>海南-文昌</span>
								</li>
								<li>
									<b>物业类型：</b>
									<span>住宅 商铺</span>
								</li>
								<li>
									<b>价格：</b>
									<span>5000元/㎡</span>
								</li>
								<li>
									<b>楼盘地址：</b>
									<span>海口市琼山区琼山大道86号</span>
								</li>
								<li>
									<b>咨询电话：</b>
									<span>4008-19-0898转82781</span>
								</li>
							</ul>
						</div>
						<form class="layui-form">
							<h2>免费看房团</h2>
							<div class="layui-form-item">
								<input type="text" placeholder="您的姓名" class="layui-input" />
							</div>
							<div class="layui-form-item">
								<input type="tel" maxlength="11" placeholder="您的手机号" class="layui-input" />
							</div>
							<div class="layui-form-item">
								<button class="layui-btn">立即报名</button>
							</div>
						</form>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<!--内容结束-->
		<!--底部开始-->
		<footer>
			<div class="footerbox">
				<div class="aboutbox">
					<a href="#">关于我们</a>
					<a href="#">联系我们</a>
					<a href="#">网站地图</a>
					<a href="#">sitemap</a>
					<p>海南我房地产顾问有限公司</p>
					<p>版权所有 Copyright @ All Rights Reserved 海南我房地产顾问有限公司琼ICP备14000112号-2http://www.wofang.cn</p>
				</div>
			</div>
		</footer>
		<!--底部结束-->
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/wap.js"></script>
		<script type="text/javascript" src="js/jqueryPhoto.js"></script>
		<script type="text/javascript">
			function rightBar() {
				$(window).scroll(function() {
					var scroll_top = $(document).scrollTop();
					if (scroll_top != 0) {
						$(".wrap").addClass('onshow');
					} else {
						$(".wrap").removeClass('onshow');
					}
				});
			}
			rightBar();
			//鼠标放上小程序图标显示大图扫描
			$("img.scan").hover(function() {
				$(".big-scan").fadeIn();
			}, function() {
				$(".big-scan").fadeOut();
			});
			//随机生成颜色
			$(document).ready(function() { 
				var tags_a = $(".stslist ul li .titlebox span"); 
				tags_a.each(function(){ 
				var x = 3; 
				var y = 1; 
				var rand = parseInt(Math.random() * (x - y + 1) + y); 
				$(this).addClass("tags"+rand); 
				}); 
			}) 
		</script>
		<!--表单-->
		<script type="text/javascript" src="js/layui.js"></script>
		<script type="text/javascript">
			layui.use('form', function() {
				var form = layui.form;
			});
		</script>
	</body>

</html>